{% extends 'proyectos/base.html' %}

{% block panelizq %}
    <h3>Contenido</h3>
    <ul class="menuv-dropdown dropdown-vertical" id="nav">
        <li class="item-102"><a href="/proyectos/">Mis Proyectos</a></li>
        <li class="item-119"><a href="/proyectos/editar/{{ proyecto.id }}">Editar Proyecto</a></li>
        <li class="item-119"><a href="/proyectos/editarLinks/{{ proyecto.id }}">Links del Proyecto</a></li>
        <li class="item-119 current active"><a href="/proyectos/editarDocumentos/{{ proyecto.id }}">Documentos Proyecto</a></li>
    </ul>
{% endblock panelizq %}

{% block content %}
	<div id="contact_wrap">
		<div id="contact" class="round clearfix">
			<div id="contact-form">
				<h2 style="text-align: center;">Agregar Archivos</h2>
				<form action="/proyectos/agregarDocumento/{{ proyecto.id }}" method="POST" enctype="multipart/form-data">
					{% csrf_token %}
					{{ formNuevoDoc.as_p }}
					<input type="submit" value="Agregar Archivo" style="margin-left: 90px;" />
				</form>

				<br/>
				<br/>
				<h2 style="text-align: center;">Documentos</h2>
				<form action="/proyectos/borrarDocumento/{{ proyecto.id }}" method="POST">
					{% csrf_token %}
					{{ formDocs.as_p }}
					<input type="submit" value="Remover Archivo" style="margin-left: 90px;" />
				</form>
			</div>
		</div>
	</div>

	<script type="text/javascript">
		$("#id_documentos").sexyselect({showTitle:false,allowInput:false,allowFilter:true,allowDelete:false,selectionMode:'multiple',width:330});
	</script>
{% endblock content %}
